<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script type="text/javascript" src="vue.js"></script>
</head>
<body>
       <div id="app">
       </div>

      <script>
      const  vm  =  new Vue({
            el:'#app',
            template:"<div>{{msg}}</div>",
            data:{
              msg:'hello vue'
            },
            beforeCreate:function (){
              console.log("beforeCreate")
            },
            created:function (){
              console.log("created")
            },
            beforeMount:function () {
                console.log(this.$el)
              console.log("beforeMount")
            },
            mounted:function (){
                console.log(this.$el)
              console.log("mounted")
            },
            beforeDestroy:function () {
                console.log("beforeDestroy")
            },
            destroy:function () {
                console.log("destroy")
            },
            beforeUpdate:function () {
                console.log("beforeUpdate")
            },
            update:function () {
                console.log("update")
            }
          })
      </script>
</body>
</html>